<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    // 阿姀助手的第二次书写
    // 1.确立功能,首先实现页面上无限弹出 prompt 输入框
        // 1.1 实现无限循环首选 while 
        while(true){
            var msg = prompt('欢迎使用阿姀助手,请问我能为你做点什么呢？\n1.输入1,我能为你计算数值的总和!\n2.输入2,我能为你显示当前的时间\n3.输入3,我能为你讲笑话,让你开心!\n4.输入k,我就能退出页面')
            // 1.2 弹出框实现 但是我们要实现第一个功能,如果不想 prompt 在页面上一直弹出,我们设定一个阻止事件
                // 1.3 使用if判断,加入用户在输入框上输入指定的字母,弹出框就消失
                if(msg === 'k' ){
                    alert('阿姀先暂时离开你了哟!')
                    break;
                }
            // 2.计算数值总和的功能,我们需要输入1,跳转到计算输入框
            // 2.1 用户首先要输入 1 我们用switch实现
            switch(msg){
                // 2.2 用户输入 1 ,我们跳出新的输入框
                case '1':
                var jisuan = prompt('请输入你先计算的数字,如1,2,3,4,用逗号区分开来');
                // 2.3 定义一个变量来存起计算的总和
                var num = 0;
                var numbs = jisuan.split(',')
                // 2.4 循环遍历输入框里面的每个数值,将他们计算
                for(var i = 0;i<numbs.length;i++){
                    // 2.5 用户在 dom 页面上输入的永远都是字符串,我们要将他转换成数字,在此前我们要将数字切割
                    num += parseFloat(numbs[i])
                }
                // 展示结果
                alert('计算的总和是'+num)
                break;
                // 3.当用户输入数字 2 的时候给他展现当前时间
                case '2':
                    // 3.1 首先我们要获取到当前的时间
                var date = new Date();
                        // 3.2 按照顺序获取年月份
                var y = date.getFullYear();
                var M = date.getMonth()+1;
                var d = date.getDate();
                var h = date.getHours();
                var m = date.getMinutes();
                var s = date.getSeconds();
                // 3.3 一般我们想要看到完整的时间效果都是要给除了年份之外的时间前面加个 0
                if( M < 10 ){
                    M = '0' + M;
                }
                if( d < 10 ){
                    d = '0' + d;
                }
                if( h < 10 ){
                    h = '0' + h;
                }
                if( m < 10 ){
                    m = '0' + m;
                }
                if( s < 10 ){
                    s = '0' + s;
                }
                // 3.4 拼接时间
                var timer = y + '-' + M + '-' + d + '-' + h + '-' + m + '-' + s;
                alert(timer);
                break; 
                // 4. 用户输入 3 给用户展示笑话
                case '3':
                // 4.1 定义一个数组,里面存放着我们要给用户展现的笑话
                var arr = ['第一个笑话','第二个笑话','第三个笑话','第四个笑话']
                // 4.2 遍历循环整个数组 我们要拿到里面的每个笑话
                for(var i = 0; i<arr.length;i++){
                    // 4.3 笑话是随机出现的 我们要随机创建一组小数
                    // 我们所需要的索引是整数,当我们用Math.random创建了一组小数后,我们用Math.floor将其转换成整数
                    // 小数需要换乘,乘与的数可以是数组的长度 长度就是数量，数量的多少决定了有多少个索引
                    var index = Math.floor(Math.random() * arr.length)
                }
                alert(arr[index]);
            }
            
        }
</script>
</html>